<template>
    <div class="sider-line">
        <div class="flex">
            <div>全部信息</div>
            <div>
                <a-button size="small">建群</a-button>
                <a-button size="small" class="ml12">通信录</a-button>
            </div>
        </div>
        <Search
            placeholder="好友昵称/姓名/手机号/备注/群名称"
            :style="{width: '100%', marginTop: '12px'}"
            class="mt12"
            size="small"
        />
    </div>
</template>

<script setup lang="ts">
import {Search} from "@/components";
</script>

<style scoped lang="less">
.sider-line {
    width: 100%;
    padding: 6px 12px;
    box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ccc;

    .flex {
        justify-content: space-between;
    }
}
</style>
